---
import { ViewTransitions } from 'astro:transitions'

const { title, description, url, image, author } = Astro.props

let subtitle = 'Accessible Astro Starter'
---

<!-- general meta -->
<meta name="title" content={`${title} - ${subtitle}`} />
<meta name="description" content={description} />
<meta name="author" content={author} />

<!-- open graph -->
<meta property="og:title" content={`${title} - ${subtitle}`} />
<meta property="og:description" content={description} />
<meta property="og:type" content="website" />
<meta property="og:url" content={url} />
<meta property="og:image" content={Astro.site ? `${Astro.site}${image}` : image} />

<!-- twitter card -->

<!-- page title -->
<title>{title} - {subtitle}</title>

<ViewTransitions />
